<html>

<head>
    <link href="index.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="title-row">
        <span>当前PVF路径: </span>
        <input id="pvfPath" name="path" value="" readonly />

        <div class="check-ok hidden"></div>
        <div class="check-no"></div>
        <button class="recheck-button">重新检测</button>

        <div class="tips">
            <p>请在“设置->外部连接”中填写pvf工具和npk路径，并为npk建立缓存</p>
            <p>exe中默认只预留到85级，超过85会导致技能坐标跑出技能面板</p>
        </div>
    </div>
    <div class="title-row">
        <span>当前NPK路径: </span>
        <input id="npkPath" name="path" value="" readonly />

        <div class="check-ok hidden"></div>
        <div class="check-no"></div>
    </div>
    <hr>

    <div class="search-row">
        <span>选择职业</span>

        <select class="select-job" id="job" onchange="changeJob(this.value)">
            <option class="selfset" value="0">请选择</option>
        </select>

        <span>文件路径</span>
        <input class="file-path" id="file-path" readonly="true">

        <button class="reflash" alt="重新加载">
            <svg t="1675862710720" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="5502" width="1rem" height="1rem">
                <path
                    d="M924.373333 174.293333a25.173333 25.173333 0 0 0-27.306666 0l-64 55.466667A424.746667 424.746667 0 0 0 519.253333 85.333333a426.666667 426.666667 0 1 0 385.493334 592.426667A42.666667 42.666667 0 0 0 865.066667 618.666667a42.666667 42.666667 0 0 0-38.613334 25.386666A341.333333 341.333333 0 1 1 768 286.08l-75.52 64a24.746667 24.746667 0 0 0-4.906667 26.88 28.16 28.16 0 0 0 21.333334 17.92L914.133333 426.666667a21.333333 21.333333 0 0 0 17.066667-4.48 21.333333 21.333333 0 0 0 7.04-16.213334V197.973333a28.586667 28.586667 0 0 0-13.866667-23.68z"
                    p-id="5503"></path>
            </svg>
        </button>

        <button id="reset-file">撤销全部</button>
        <button id="view-file">查看脚本内容</button>
        <button id="save-btn">保存上传</button>
        <button id="modify-config">修改路径索引</button>

    </div>
    <hr>

    <div class="context-left">
        <div class="skill-panel-lv dnf-font">Lv.</div>
        <div class="skill-panel">
            <!-- jq生成单元格 -->
        </div>
    </div>

    <div class="context-right">
        <div>未分配技能</div>
        <div class="containers clearfix" ondrop="handleDrop(event)" ondragover="handleDragOver(event)">
            <!-- jq往里push元素 -->
        </div>
    </div>

    <script src="index.js"></script>
</body>

</html>